/*! Blank Theme Common Style */

/* Animations */
.animate-em {
	color: inherit;
	transition: color .2s
}
.animate-em:hover { color: #000 }

.animate-u { position: relative }
.animate-u::after {
	background: currentColor;
	content: '';
	height: 2px;
	left: 0;
	position: absolute;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .2s;
	top: 100%;
	width: 100%
}
.animate-u:hover::after {
	transform: scaleX(1);
	transform-origin: left
}

/* Borders */
.border-b-dashed-2 { border-bottom: 2px dashed #aaa; }
.border-l-dashed { border-left: 3px dashed #ccc }
.border-l-solid { border-left: 3px solid #ccc }
.border-t-dashed-5 { border-top: 5px dashed #ddd }
.border-t-solid { border-top: 3px solid #ddd }

/* Flex */
.flex-c-center { justify-content: center }
.flex-col {
	display: flex;
	flex-direction: column
}
.flex-row { display: flex }
.flex-x-center { align-items: center }

/* Margins */
.margin-0 { margin: 0 }
.margin-1 { margin: 1em }
.margin-2 { margin: 1em }
.margin-b-02 { margin-bottom: .2em }
.margin-b-1 { margin-bottom: 1em }
.margin-r-1 { margin-right: 1em }
.margin-t-4 { margin-top: 4em }
.margin-v-05 {
	margin-bottom: .5em;
	margin-top: .5em
}
.margin-v-1 {
	margin-bottom: 1em;
	margin-top: 1em
}
.margin-v-2 {
	margin-bottom: 2em;
	margin-top: 2em
}

/* Paddings */
.padding-0 { padding: 0 }
.padding-1 { padding: 1em }
.padding-l-1 { padding-left: 1em }
.padding-t-05 { padding-top: .5em }
.padding-v-05 {
	padding-bottom: .5em;
	padding-top: .5em
}
.padding-v-1 {
	padding-bottom: 1em;
	padding-top: 1em
}

/* Widths */
.width-50 { width: 50% }
.width-100 { width: 100% }

/* Misc */
.no-select { user-select: none }
